{{useCss "/app-pages/css/sign_in.scss"}}
<div class="signblock"></div>
<div class="sign_in_box {{$Cache.sign_in.isUp&&'focus'||'close'}}">
    <div class="signtitle">Dotnar</div>
    <div class="wel">欢迎注册dotnar新账户</div>
    <div class="item">
        <div class="itemtitle">用户名：</div>
        <input type="text" name="name" value="{{$Cache.sign_up.name}}" bind-input="{{'$Cache.sign_up.name'}}" maxlength="25">
    </div>
    <div class="item">
        <div class="itemtitle">手机号：</div>
        <input type="text" name="mobile_phone" value="{{$Cache.sign_up.mobile_phone}}" bind-input="{{'$Cache.sign_up.mobile_phone'}}" event-change="{{'$Event.sign_up.checkedMobilePhone'}}" maxlength="11">
    </div>
    <div class="item">
        <div class="itemtitle">邮箱：</div>
        <input type="text" name="email" value="{{$Cache.sign_up.email}}" bind-input="{{'$Cache.sign_up.email'}}" event-change="{{'$Event.sign_up.checkedEmail'}}" maxlength="25">
    </div>
    <div class="item">
        <div class="itemtitle">密码：</div>
        <input maxlength="16" type="password" name="password" value="{{$Cache.sign_up.password}}" bind-input="{{'$Cache.sign_up.password'}}" />
    </div>
    <div class="item">
        <div class="itemtitle">重复密码：</div>
        <input maxlength="16" type="password" name="confirm_password" value="{{$Cache.sign_up.confirm_password}}" bind-input="{{'$Cache.sign_up.confirm_password'}}" />
    </div>
    {{#if !$Cache.sign_up.__input_phone_code}}
    <div class="item">
        <div class="itemtitle">
            <img style="width:125px; height:55px; " bind-src="{{config.server_url}}user/getImageCode?_={{$Cache.sign_up.image_code_random}}" alt="获取短信验证码所需的图形验证码" event-click="{{'$Event.sign_up.change_user_image_code'}}" />
        </div>
        <input style="vertical-align: top;margin-top: 20px;" type="text" maxlength="4" value="{{$Cache.sign_up.image_code_for_phone_code}}" bind-input="{{'$Cache.sign_up.image_code_for_phone_code'}}">
    </div>
    <div class="item">
        <button event-click="{{'$Event.sign_up.get_register_code_with_image_code'}}">提交图形码获取手机验证码</button>
    </div>
    {{#else}}
    <div class="item">
        <input placeholder="请输入手机收到的验证码" class="getcode" type="text" maxlength="6" name="phone_code" value="{{$Cache.sign_up.phone_code}}" bind-input="{{'$Cache.sign_up.phone_code'}}" />{{#if !$Cache.sign_up.wite_server}}
        <span event-click="{{'$Event.sign_up.reset_register_code'}}">重新获取手机验证码</span>
        {{#else}}
        <span>{{$Cache.sign_up.next_phone_code_time&&$Cache.sign_up.next_phone_code_time+"秒后重新获取"||"等待服务器响应"}}</span>
        {{/if}}
    </div>
    <div class="item">
        <button event-click="{{'$Event.sign_up.register'}}">注册</button>
    </div>
    {{/if}}
    <div class="item"><a href="rules.html" target="_blank">《Dotnar用户协议》</a><a class="border" event-click="{{'$Event.sign_in.ChangeSign'}}">已有账号，点此登录</a>
    </div>

</div>



<div class="sign_in_box {{$Cache.sign_in.isUp&&'close'||'focus'}}">
    <div class="signtitle">Dotnar</div>
    <div class="wel">欢迎使用dotnar微站</div>
    <div class="item">
        <div class="itemtitle">{{$Cache.sign_in.isBusLogin&&'商家名'||'用户名'}}：</div>
        <input maxlength="25" type="text" name="name" value="{{$Cache.sign_in.name}}" bind-input="{{'$Cache.sign_in.name'}}" event-enter="{{'$Event.sign_in.to_password_input'}}" />
    </div>
    <div class="item">
        <div class="itemtitle">密码：</div>
        <input maxlength="16" type="password" name="password" value="{{$Cache.sign_in.password}}" bind-input="{{'$Cache.sign_in.password'}}" ele-focus="{{$Cache.sign_in.is_focus}}" event-enter="{{'$Event.sign_in.common_login'}}" />
    </div>
    <div class="item">
        <button event-click="{{'$Event.sign_in.common_login'}}">登录</button>
    </div>
    <div class="item">
        <span event-click="{{'$Event.sign_in.changloginType'}}">{{$Cache.sign_in.isBusLogin&&'买家登录'||'商家登录'}}</span><a class="border" event-click="{{'$Event.sign_in.ChangeSign'}}">注册一个新的账号</a>
        <a class="border" event-click="{{'$Event.sign_in.findpaw'}}">密码找回</a>
    </div>
</div>
